<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

</h:head>
<body>
	<h:form id="frmCadSubGrupo">
		<br />
		<h3 style="margin-top: 0">CADASTRO DE SUBGRUPO</h3>
		<div align="left">
			<p:commandButton value="Novo" actionListener="#{subGrupoBean.novo}"
				ajax="grid" />

			<p:commandButton value="Salvar" disabled="#{subGrupoBean.sal}"
				actionListener="#{subGrupoBean.salvar}" ajax="grid" />

			<p:commandButton value="Alterar" disabled="#{subGrupoBean.alt}"
				actionListener="#{subGrupoBean.alterar}" ajax="grid" />

			<p:commandButton value="Excluir" disabled="#{subGrupoBean.rem}"
				actionListener="#{subGrupoBean.remover}" ajax="grid" />

			<p:commandButton id="consulta" value="Consulta"
				action="#{pesquisaSubGrupoBean.abrirDialogo}">
				<p:ajax event="dialogReturn" listener="#{subGrupoBean.subGrupoSelecionado}" update="frmCadSubGrupo"/>
			</p:commandButton>

			<p:commandButton value="Cancelar"
				actionListener="#{subGrupoBean.cancelar}" ajax="grid" />
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />

			<h:panelGrid id="grid" columns="2" columnClasses="label, value">
				
					Código do SubGrupo:
					<p:inputText id="idSub" disabled="true"
					value="#{subGrupoBean.subGrupo.idSubGrupo}" />
		
					Descrição:
					<p:inputText id="desc" value="#{subGrupoBean.subGrupo.descricao}"
					maxlength="100" size="30" disabled="#{subGrupoBean.desc}" />

			</h:panelGrid>

			<p:commandButton id="vincCategoria" value="Incluir Categoria"
				disabled="#{subGrupoBean.vig}" onclick="PF('dlg2').show();" />


			<h:panelGrid id="gridData1" columns="1">
				<p:blockUI block="gridData1" trigger="vincCategoria" />
				<p:dataTable id="listaCategoria"
					value="#{subGrupoBean.listaCategoria}" paginator="true" rows="6"
					var="categ">

					<p:column headerText="Codigo do Categoria">
						<h:outputText value="#{categ.idCategoria}" />
					</p:column>

					<p:column headerText="Descrição da Categoria">
						<h:outputText value="#{categ.descricao}" />
					</p:column>

					<p:column headerText="Excluir">
						<p:commandLink id="linkExcluir" value="Excluir" ajax="dialog2"
							action="#{subGrupoBean.remCategoria}" update="data1">
							<f:setPropertyActionListener value="#{categ.idCategoria}"
								target="#{subGrupoBean.idCateg}" />
						</p:commandLink>
					</p:column>

				</p:dataTable>
				<p:blockUI block="listaCategoria" trigger="listaCategoria">
        				LOADING<br />
					<p:graphicImage name="ajaxloader.gif" />
				</p:blockUI>
			</h:panelGrid>
			<p:dialog id="dialog2" header="Categoria" widgetVar="dlg2"
				modal="true" height="100" width="400">

				<h:panelGrid id="gridCat" columns="2" columnClasses="label, value">
				
					Código da Categoria:
					<p:inputText id="idCat" disabled="true"
						value="#{subGrupoBean.categoria.idCategoria}" />
		
					Descrição:
					<p:inputText id="descCat"
						value="#{subGrupoBean.categoria.descricao}" maxlength="100"
						size="30" disabled="#{subGrupoBean.desc}" />

				</h:panelGrid>

				<p:commandButton id="btnIncluir" value="Incluir"
					actionListener="#{subGrupoBean.incluirCategoria}"
					update="gridCat, listaCategoria" />
			</p:dialog>
		</div>
	</h:form>
</body>
</html>
